<template>
	<view class="content"
		:style="{background: `url(${'https://huohanghang.oss-cn-beijing.aliyuncs.com/uploads/user/81/20250515/20250515202830aa98e9112.png'})`}">
		<view class="display-flex flex-direction-column center align-items" style="padding-top: 244rpx;">
			<image :src="imgaeUrl('/static/logo.png')" style="width: 208rpx;height: 208rpx;" mode="aspectFill"></image>
			<view class="font-size-46 font-weight-500 margin-top-10">
				推客联盟
			</view>
			<view class="font-size-24 margin-top-10" style="color: #7C7C7C;">
				一起推好物，轻松赚不停
			</view>
		</view>
		<view class="padding-about-24">
			<view class="button color-FFF font-size-28 font-weight-500">
				手机号授权登录/注册
			</view>
		</view>
		<view class="display-flex flex-direction-column center align-items" style="margin-top: 180rpx;">
			<view class="font-size-24 text-center" style=" color: #7C7C7C;">
				其他登录方式
			</view>
			<image :src="imgaeUrl('/static/logo.png')" style="width: 92rpx;height: 92rpx;" class="margin-top-20" mode="aspectFill">
			</image>
		</view>
		<view class="position-absolute width-100 center display-flex align-items" style="bottom: 3%;left: 0;">
			<view style="width: 20px;height: 20px;" @click="isAgree = !isAgree" class="display-flex center align-items">
				<uv-icon v-if="isAgree" name="checkmark-circle-fill" color="#FF8D1E" size="20"></uv-icon>
				<!-- <uv-icon  name="checkmark-circle" color="#AAAAAA" size="20"></uv-icon> -->
				<view v-else class="border-radius"
					style="border: 1rpx solid #333333; width: 16px;height: 15px;background: #FFFFFF;">

				</view>
			</view>
			<view class="font-size-24 margin-left-10">
				我已阅读并同意
				<text style="color: #FF8D1E;"
					@click.stop="navigateTo('/subcontracting/Personal/agreement/agreement?name=service_agreement&title=服务协议')">
					《用户协议》
				</text>
				和
				<text style="color: #FF8D1E;"
					@click.stop="navigateTo('/subcontracting/Personal/agreement/agreement?name=privacy_policy&title=隐私政策')">
					《隐私政策协议》
				</text>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		reactive
	} from 'vue';
	import {
		onLoad,
		onShow,
		onReady,
		onReachBottom
	} from '@dcloudio/uni-app';
	import {
		imgaeUrl,
		nativeUI,
		navigateTo,
		navigateBack
	} from '@/utils/index.js';
	import * as api from '@/request/app.js'; // 引入api 方法
	import local from '@/utils/localStorage.js'; //引入本地存储方法
	const isAgree = ref(false)
	onLoad(function(option) {});
	onShow(function() {});
	onReady(function() {});
	onReachBottom(function() {});
</script>

<style scoped lang="scss">
	.button {
		padding: 20rpx 206rpx;
		background: #FF7E00;
		border-radius: 50rpx;
		margin-top: 250rpx;
	}

	.content {
		height: 100vh;
		overflow: hidden;
		background-size: 100% 100% !important;
		background-repeat: no-repeat;
	}
</style>